<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="format-detection" content="telephone=no" />
    <title>首页弹窗</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <style>
        body {
            width: 100%;
            height: 100%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0.4);
            font-family: PingFang SC;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            font-size: 0.28rem;
        }

        .outbox {
            width: 6.56rem;
            height: 10.34rem;
            background-color: #fff;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            border-radius: 0.1rem;
        }

        .dialogHeader {
            width: 100%;
            height: 1.9rem;
            background: url("../../image/bgasadx.png") no-repeat center;
            background-size: 100% 100%;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            font-size: 0.6rem;
            font-family: PingFang SC;
            font-weight: bold;
        }

        .artcil {
            width: 5.44rem;
            height: auto;
            font-family: PingFang SC;
            font-weight: 400;
            color: rgba(38, 38, 38, 1);
            line-height: 0.6rem;
            margin-top: 0.32rem;
        }

        .showChoose label {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            font-size: 0.23rem;
        }

        .showChoose label span {
            font-family: PingFang SC;
            font-weight: 500;
        }

        input[type="checkbox"]+label::before {
            content: " ";
            display: inline-block;
            width: 0.3rem;
            height: 0.3rem;
            box-sizing: border-box;
            background: url("../../image/iconbblsdlx.png") center center no-repeat;
            background-size: 100% 100%;
            padding: .1rem;
            border-radius: 0.03rem;
            margin-right: 0.1rem;
        }

        input[type="checkbox"]:checked+label::before {
            display: inline-block;
            width: 0.3rem;
            height: 0.3rem;
            box-sizing: border-box;
            background: url("../../image/iconaazasax.png") center center no-repeat;
            background-size: 100% 100%;
            padding: .1rem;
            border: none;
            border-radius: 0.03rem;
            margin-right: 0.1rem;
        }

        input[type="checkbox"] {
            position: absolute;
            clip: rect(0, 0, 0, 0);
        }

        .showclick {
            color: #FAA842;
        }

        .showChoose {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: flex-start;
            padding-left: 0.49rem;
            box-sizing: border-box;
            margin: 0.13rem 0;
            color: #898989;
        }

        .shoubutton {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .shoubutton {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-size: 0.28rem;
        }

        .shoubutton button {
            width: 5.64rem;
            height: 0.86rem;
            background: rgba(250, 168, 66, 1);
            box-shadow: 0 0.08rem 0.1rem 0 rgba(250, 168, 66, 0.29);
            border-radius: 0.43rem;
            border: none;
            outline: none;
            margin-top: 0.13rem;
            color: #ffffff;
            font-size: 0.26rem;
        }

        .shoubutton button:not(:first-of-type) {
            width: 5.64rem;
            height: 0.86rem;
            background: #ffffff;
            border-radius: 0.43rem;
            box-shadow: 0 0.08rem 0.1rem 0 rgba(250, 250, 250, 0);
            border: none;
            outline: none;
            margin-top: 0.13rem;
            color: #898989;
        }
    </style>
</head>

<body>
    <div class="outbox">
        <div class="dialogHeader">
            公告
        </div>
        <div class="artcil">
            为了提供更优质透明的服务，并适应全球化市场的需求，人人矿场将接入算力云矿池平台——RR Pool ，为用户提供全新的、更加透明、可靠的链上算力管理及交割服务。<br>
            届时，用户之前购买并持有的算力的管理服务将统一由香港SuperB Grace Limited提供。具体服务内容详见《算力在线管理服务协议》。<br>
            如有任何疑问，请联系销售代表或客服。
        </div>
        <div class="showChoose">
            <input type="checkbox" value="checkOtherpay" name="chooseOutcoin" id="checkOtherpay">
            <label for="checkOtherpay">
                我已阅读
                <span class="showclick">

                </span>
            </label>
        </div>
        <div class="shoubutton">
            <button id="knowsure">
                我已知晓，进入平台
            </button>
            <button id="quiteApp">
                取消并退出APP
            </button>
        </div>
    </div>
    <script src="../../script/autosize.js"></script>
    <script src="../../script/jquery_three_two_one.js"></script>
    <script src="../../script/fastclick.js"></script>
    <script src="../../script/app.js"></script>
    <script>
        apiready = function () {
            var app = new APP();
            var account = app.getAccount();
            app.toFront("indexdalog");
            var contract = api.pageParam.constract;
            $(".showclick").text(contract.name);
            $(".showclick").click(function () {
                var param = {
                    dtype: "dialog391",
                    data: {
                        title: contract.name,
                        orderText: contract.content,
                        btns: [{
                            name: "我已阅读并同意",
                            event: "okYesUserRenren"
                        }],
                        extra: {}
                    }
                };
                app.dialog(param);
            })
            $("#knowsure").click(function (params) {
                var thisChecked = $("#checkOtherpay").prop('checked');
                if (!thisChecked) {
                    app.toast("请先阅读并同意协议");
                    return
                }
                app.ajaxPro({
                    url: "member/migration",
                    values: {
                        token: account.token
                    },
                    openFlower: false
                }, function (ret) {
                    if (ret.code == 200) {
                        app.closeF();
                    } else {
                        app.toast(ret.message);
                    }
                })
            })
            $("#quiteApp").click(function () {
                app.closeAPP();
            })
            app.listen("okYesUserRenren", function () {
                $("#checkOtherpay").prop("checked", true);
            })
        }
    </script>
</body>

</html>